<template>
    <div>
        <el-row>
            <el-col :span="8">
                <div class="nav">财务管理 / 开票审核</div>
            </el-col>
            <el-col :span="16">

            </el-col>
        </el-row>
        <el-row>
            <div class="content">
                <div class="content-1" style="padding:0px;">
                    <div class="content-2">开票审核</div>
                    <div class="content-3" style="padding: 19px 51px 100px 51px;">
                       <el-row style="margin-top:30px;">
                        <el-table
                        :data="tableData"
                        stripe
                        border
                        :header-cell-style="tableHeaderColor"
                        style="width: 100%">
                            <el-table-column
                            prop="date"
                            align="center"
                            label="序号"
                            >
                            </el-table-column>
                            <el-table-column
                            prop="name"
                            align="center"
                            label="申请开票人">
                            </el-table-column>
                            <el-table-column
                            prop="name"
                            align="center"
                            label="金额">
                            </el-table-column>
                            <el-table-column
                            prop="name"
                            align="center"
                            label="申请时间">
                            </el-table-column>
                            <el-table-column
                            prop="name"
                            align="center"
                            label="状态">
                            </el-table-column>
                            <el-table-column
                            prop="name"
                            align="center"
                            label="快递名称">
                            </el-table-column>
                            <el-table-column
                            prop="name"
                            align="center"
                            label="快递号">
                            </el-table-column>
                            <el-table-column
                            prop="name"
                            align="center"
                            label="操作人">
                            </el-table-column>
                            <el-table-column
                            prop="address"
                            align="center"
                            label="操作">
                            </el-table-column>
                        </el-table>
                        <div class="block" style="margin-top:15px;text-align: right;">
                            <el-pagination
                            background
                            @current-change="handleCurrentChange"
                            :current-page.sync="currentPage3"
                            :page-size="100"
                            layout="prev, pager, next, jumper"
                            :total="1000">
                            </el-pagination>
                        </div>
                    </el-row>
                    </div>
                </div>
                
            </div>
        </el-row>
    </div>
</template>
<script>

export default {

    data () {

        return {
            tableData: [
                {
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀'
                
                }, 
                {
                date: '2016-05-04',
                name: '王小虎',
                address: '上海市普陀'
                }, 
                {
                date: '2016-05-01',
                name: '王小虎',
                address: '上海市普陀'
                }, 
                {
                date: '2016-05-03',
                name: '王小虎',
                address: '上海市普陀'
                }
            ],
            currentPage3: 5,
        }
    },

    mounted () {

        
        
    },

    methods: {
         //改变表头的颜色
        tableHeaderColor({ row, column, rowIndex, columnIndex }){
            if (rowIndex === 0) {
                return 'background-color: #F2F3F7;color: #000;font-weight: 500;'
            }
        },
        //分页
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
        },
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
        }
    }
}
</script>
<style>

</style>
